.pure-empty {
    display: var(--pure-empty-display, flex);
    flex-direction: var(--pure-empty-flex-direction, column);
    align-items: var(--pure-empty-align-items, center);
    justify-content: var(--pure-empty-justify-content, center);
    padding: var(--pure-empty-padding, 50px 20px);
    background: var(--pure-empty-background, var(--pure-background-element));
    border-radius: var(--pure-empty-border-radius, 6px);
    line-height: var(--pure-empty-line-height, 1);
    text-align: var(--pure-empty-text-align, center);
    color: var(--pure-empty-color, var(--pure-text-color-light));
}

.pure-empty-icon {
    font-size: var(--pure-empty-icon-font-size, 2.5em);
    color: var(--pure-empty-icon-color);
}

.pure-empty-tip {
    margin: var(--pure-empty-tip-margin, 0.8em 0 0 0);
    font-size: var(--pure-empty-tip-font-size, var(--pure-font-size-smaller));
    color: var(--pure-empty-tip-color);
}

.pure-empty-bottom {
    margin: var(--pure-empty-bottom-margin, 1.5em 0 0 0);
    display: var(--pure-empty-bottom-display, flex);
    flex-direction: var(--pure-empty-bottom-flex-direction, row);
    align-items: var(--pure-empty-bottom-align-items, center);
    justify-content: var(--pure-empty-bottom-justify-content, center);
    gap: var(--pure-empty-bottom-gap, 0.5em);
    --pure-button-font-size: var(--pure-empty-button-font-size, var(--pure-font-size-smaller));
    --pure-button-height: var(--pure-empty-button-height, 2.25em);
    --pure-button-padding: var(--pure-empty-button-padding, 0 0.75em);
}
